﻿@font-face {
 font-family:dinpro-bold;
 src:url(fonts/DINPro-Bold.otf)
}
@font-face {
 font-family:din condensed bold;
 src:url('fonts/DIN Condensed Bold.woff')
}
@font-face {
 font-family:gothicb;
 src:url(fonts/GOTHICB.TTF)
}
* {
 font-family:Microsoft YaHei,微软雅黑,microsoft jhenghei,微軟正黑體
}
html {
 _background-image:url(about:blank);
 _background-attachment:fixed
}
body {
 margin:0;
 padding:0;
 font-size:12px;
 overflow-x:hidden
}
html,
body {
 height:100%
}
img {
 border:0
}
a {
 color:#111;
 text-decoration:none;
 transition:all .5s;
 -webkit-transition:all .5s;
 -o-transition:all .5s;
 -moz-transition:all .5s
}
a:hover {
 color:#ba0001;
 text-decoration:none;
 transition:all .5s;
 -webkit-transition:all .5s;
 -o-transition:all .5s;
 -moz-transition:all .5s
}
.sc {
 border:1px solid #ccc;
 border-collapse:collapse;
 border-top:0
}
#showaa a {
 color:#03c;
 text-decoration:underline
}
.NewsA {
 color:#204e7d;
 font-size:16px;
 font-weight:700
}
.noxiaoshou {
 color:#272727;
 text-decoration:none;
 font-size:14px
}
.xiaoshou {
 background:url(../images/xiaoshou12.jpg) no-repeat right;
 font-size:14px
}
.xiaoshou a:hover {
 text-decoration:none
}
.guanggao a {
 color:#333
}
.guanggao a:hover {
 color:#be0302;
 font-weight:700
}
#bottom a {
 font-size:14px
}
#bottom {
 color:#333;
 font-size:14px
}
.fixed {
 position:absolute;
 left:0;
 top:130px;
 height:385px;
 width:100px;
 background:#f0eee1
}
.clearfix:after {
 visibility:hidden;
 display:block;
 content:" ";
 clear:both;
 height:0;
 line-height:0
}
.page {
 text-align:center;
 margin-top:30px;
 margin-bottom:20px
}
.page a {
 border:1px solid #ccc;
 margin-left:8px;
 padding:2px 12px;
 display:inline-block;
 color:#000;
 text-decoration:none;
 background-color:#fff;
 -webkit-border-radius:4px;
 -moz-border-radius:4px
}
.page a:hover {
 background:#eee;
 color:#bb0408;
 text-decoration:none
}
.page2 {
 text-align:center;
 margin-top:20px;
 margin-bottom:20px
}
.page2 a {
 margin-left:8px;
 padding:3px 11px;
 background:#737373;
 display:inline-block;
 color:#fff;
 text-decoration:none
}
.page2 a:hover {
 background:#eee;
 color:#fff;
 text-decoration:none
}
.yangbanA {
 clear:both;
 background-color:#9b0505;
 text-decoration:none;
 padding:4px;
 border:1px solid #a90404;
 -webkit-border-radius:10px;
 -moz-border-radius:10px
}
.yangbanA:hover {
 clear:both;
 background-color:#020101;
 text-decoration:none;
 padding:4px;
 border:1px solid #020101;
 -webkit-border-radius:10px;
 -moz-border-radius:10px
}
.yewuClass {
 display:block;
 float:left;
 width:110px;
 line-height:30px;
 background:url(../images/yewu_03.jpg) repeat-x;
 border:1px solid #e6e6e6;
 font-size:15px;
 font-weight:700;
 color:#222;
 margin-right:15px;
 text-align:center
}
.yewuClass2,
.yewuClass2:hover,
.yewuClass:hover {
 display:block;
 float:left;
 width:110px;
 line-height:30px;
 background:url(../images/yewu_05.jpg) repeat-x;
 border:1px solid #d30100;
 font-size:16px;
 font-weight:700;
 color:#fff;
 margin-right:15px;
 text-align:center;
 text-decoration:none
}
#oLiSmall {
 list-style:none;
 position:relative;
 width:200px;
 height:186px;
 text-align:center;
 float:left;
 left:22px
}
#oLiSmall div {
 background:#191919;
 left:-99999px;
 margin:0;
 filter:alpha(opacity=80);
 opacity:.8;
 padding:20px;
 text-align:center;
 width:162px;
 position:absolute;
 height:150px;
 margin-left:19px;
 -webkit-border-radius:2px;
 -moz-border-radius:2px
}
#oLiSmall div p {
 color:#fff;
 line-height:24px;
 font-size:16px
}
#oLiSmall div a {
 color:#fff;
 line-height:24px;
 font-size:12px
}
#oLiSmall span {
 color:#fff;
 line-height:24px;
 font-size:12px
}
#oLiSmall:hover div {
 left:-20px;
 position:absolute
}
#oLiSmall img {
 width:200px;
 height:190px;
 -webkit-border-radius:2px;
 -moz-border-radius:2px;
 margin:0 auto
}
#oLiSmall .more {
 background-color:#c71207;
 padding:2px;
 padding-left:6px;
 padding-right:6px;
 color:#fff;
 text-decoration:none;
 font-size:14px;
 z-index:9999px;
 position:relative;
 clear:both
}
.weiruan {
 font-size:16px;
 font-weight:700
}
.classleftTab {
 background-color:#e1dede
}
.classleftTab:hover {
 background-color:#cc0d09;
 text-decoration:none
}
.classleftTab:hover a {
 color:#fff;
 text-decoration:none
}
.classleftTabB {
 background-color:#cc0d09;
 text-decoration:none
}
.classleftTabB a {
 color:#fff;
 text-decoration:none
}
.navClass {
 display:block;
 float:left;
 font-size:16px;
 text-align:center;
 width:182px;
 color:#000;
 text-decoration:none;
 line-height:70px;
 font-weight:700;
 -webkit-transition:0;
 -o-transition:0;
 -moz-transition:0;
 background:url(../images/navClass.jpg) repeat-x;
 border-right:1px solid #d9d9d9
}
.navClass:hover {
 display:block;
 float:left;
 font-size:16px;
 text-align:center;
 width:182px;
 color:#fff;
 text-decoration:none;
 line-height:70px;
 font-weight:700;
 background:url(../images/imghov_02.jpg) repeat-x;
 transition:all .3s;
 -webkit-transition:all .3s;
 -o-transition:all .3s;
 -moz-transition:all .3s;
 border-right:1px solid #d9d9d9
}
.navClass2,
.navClass2:hover {
 display:block;
 float:left;
 font-size:16px;
 text-align:center;
 width:182px;
 color:#fff;
 text-decoration:none;
 line-height:70px;
 font-weight:700;
 background:url(../images/imghov_02.jpg) repeat-x;
 border-right:1px solid #d9d9d9
}
.navClass_anli {
 display:block;
 float:left;
 font-size:16px;
 text-align:center;
 width:194px;
 color:#000;
 text-decoration:none;
 line-height:70px;
 font-weight:700;
 -webkit-transition:0;
 -o-transition:0;
 -moz-transition:0;
 background:url(../images/navClass.jpg) repeat-x;
 border-right:1px solid #d9d9d9
}
.navClass_anli:hover {
 display:block;
 float:left;
 font-size:16px;
 text-align:center;
 width:194px;
 color:#fff;
 text-decoration:none;
 line-height:70px;
 font-weight:700;
 background:url(../images/imghov_02.jpg) repeat-x;
 transition:all .3s;
 -webkit-transition:all .3s;
 -o-transition:all .3s;
 -moz-transition:all .3s;
 border-right:1px solid #d9d9d9
}
.navClass_anli2,
.navClass_anli2:hover {
 display:block;
 float:left;
 font-size:16px;
 text-align:center;
 width:194px;
 color:#fff;
 text-decoration:none;
 line-height:70px;
 font-weight:700;
 background:url(../images/imghov_02.jpg) repeat-x;
 border-right:1px solid #d9d9d9
}
.nav400Class {
 display:block;
 float:left;
 font-size:16px;
 margin-right:2px;
 text-align:center;
 width:169px;
 color:#000;
 text-decoration:none;
 line-height:43px;
 font-weight:700
}
.nav400Class:hover {
 display:block;
 float:left;
 font-size:16px;
 text-align:center;
 width:169px;
 color:#fff;
 text-decoration:none;
 margin-right:2px;
 line-height:43px;
 font-weight:700;
 background:url(../images/navBgline_03.jpg) center
}
.nav400Class2,
.nav400Class2:hover {
 display:block;
 float:left;
 font-size:16px;
 text-align:center;
 width:169px;
 color:#fff;
 text-decoration:none;
 margin-right:2px;
 line-height:43px;
 font-weight:700;
 background:url(../images/navBgline_03.jpg) center
}
.tanImg {
 border:1px solid #fff
}
.tanImg:hover {
 border:1px solid #ccc;
 -webkit-box-shadow:0 0 5px #ccc;
 -moz-box-shadow:0 0 5px #ccc;
 box-shadow:0 0 5px #ccc
}
.indexanliClass {
 display:block;
 float:left;
 font-size:12px;
 text-align:center;
 width:60px;
 line-height:25px;
 color:#333;
 -webkit-border-radius:4px;
 -moz-border-radius:4px;
 background-color:#eaeaea;
 margin-right:7px
}
.indexanliClass2,
.indexanliClass:hover {
 display:block;
 float:left;
 font-size:12px;
 text-align:center;
 width:60px;
 line-height:25px;
 color:#fff;
 -webkit-border-radius:4px;
 -moz-border-radius:4px;
 background-color:#c1070c;
 margin-right:7px;
 text-decoration:none
}
.mainbox {
 overflow:hidden;
 position:relative
}
.flashbox {
 overflow:hidden;
 position:relative
}
.imagebox {
 text-align:right;
 position:relative;
 z-index:999
}
.bitdiv {
 display:inline-block;
 width:18px;
 height:18px;
 margin:0 5px 10px 0;
 float:right
}
.defimg {
 background-image:url(../images/02.png)
}
.curimg {
 background-image:url(../images/01.png)
}
.titleAtitle {
 font-size:22px;
 padding-bottom:10px;
 font-weight:700
}
.titleAtitle:hover {
 font-size:22px;
 padding-left:10px;
 text-decoration:none;
 padding-bottom:10px;
 color:#b91103
}
#demo {
 overflow:hidden;
 margin:0 auto;
 width:844px
}
#demo img {
 border:1px solid #dfdfdf
}
#demo img:hover {
 border:1px solid #b7b7b7;
 -webkit-box-shadow:0 0 6px #999;
 -moz-box-shadow:0 0 6px #999;
 box-shadow:0 0 6px #999;
 z-index:9999;
 -webkit-transition:all .5s;
 -o-transition:all .5s;
 -moz-transition:all .5s
}
#indemo {
 float:left;
 width:900%
}
#demo1 {
 float:left
}
#demo2 {
 float:left
}
.aboutDiv {
 line-height:38px;
 background:url(../images/diandian.gif) left no-repeat;
 padding-left:15px;
 border-bottom:1px dashed #c4c4c4
}
.ShowDivAbout {
 background-color:#f7f7f7;
 padding:15px
}
.black_overlay {
 display:none;
 position:absolute;
 top:0%;
 left:0%;
 width:100%;
 height:270%;
 background-color:#111;
 z-index:1001;
 -moz-opacity:.8;
 opacity:.8;
 filter:alpha(opacity=88)
}
.white_content {
 display:none;
 position:absolute;
 top:75%;
 left:15%;
 width:70%;
 border:6px solid #bc0201;
 background-color:#fff;
 z-index:1002;
 overflow:auto
}
.lingDiv {
 width:52px;
 height:71px;
 position:fixed;
 right:-20px;
 bottom:10px
}
.lingDiv img {
 filter:alpha(opacity=70);
 -moz-opacity:.7;
 -khtml-opacity:.7;
 opacity:.7
}
.lingDiv:hover {
 width:52px;
 height:71px;
 position:fixed;
 right:0;
 bottom:10px
}
.lingDiv:hover img {
 filter:alpha(opacity=1);
 -moz-opacity:1;
 -khtml-opacity:1;
 opacity:1
}
.bottomA {
 margin-left:70px
}
.bottomA p {
 font-size:16px;
 color:#eae8e8;
 margin-bottom:20px
}
.bottomA a {
 font-size:14px;
 color:#a0a0a0;
 display:block;
 margin-bottom:6px;
 line-height:28px;
 transition:all .5s;
 -webkit-transition:all .5s;
 -o-transition:all .5s;
 -moz-transition:all .5s;
}
a.bo{font-weight:bold;font-size:18px;}
.bo a:hover{font-weight:bold;font-size:18px;}
.bottomA a:hover {
 font-size:14px;
 color:#cdcdcd;
 display:block;
 line-height:28px;
 width:100%;
 text-decoration:none;
 padding-left:5px;
 margin-bottom:6px
}
.youlian {
 line-height:33px;
 font-size:14px;
 width:1200px;
 margin:0 auto;
 padding-top:25px;
 padding-bottom:15px
}
.youlian span {
 font-size:14px;
 color:#eae8e8;
 text-decoration:none;
 margin-right:10px
}
.youlian a {
 font-size:14px;
 color:#868686;
 text-decoration:none;
 margin-right:10px
}
.youlian a:hover {
 font-size:14px;
 color:#fff;
 text-decoration:none;
 margin-right:10px
}
hr {
 height:1px;
 border:none;
 border-top:1px dashed #3c3c3c;
 filter:alpha(opacity=100,finishopacity=0,style=1)
}
.topA {
 color:#cd9177
}
.topA:hover {
 color:#fccb05;
 text-decoration:none
}
.topNew {
 display:block;
 float:left;
 font-size:16px;
 text-align:center;
 width:96px;
 line-height:83px;
 color:#fff
}
.topNew:hover {
 display:block;
 float:left;
 font-size:16px;
 text-align:center;
 width:96px;
 color:#111;
 line-height:83px;
 text-decoration:none;
 background-color:#f7f7f7
}
.work2 {
 text-align:center;
 color:#1f1f1f;
 font-size:39px;
 padding-top:10px;
 height:50px;
 font-weight:700;
 line-height:40px
}
.work2 .s1 {
 color:#cdcdcd;
 font-size:24px;
 padding:0 5px
}
.work2 .s2 {
 color:#e62022;
 src:url(fonts/GOTHICB.TTF);
 font-family:gothicb
}
.work2-des {
 color:#b9b9b9;
 font-size:16px;
 text-align:center;
 margin:5px auto;
 height:30px
}
.index_center {
 text-align:center
}
.index_center .ul {
 display:inline-block
}
.cen3 {
 width:1200px;
 height:auto;
 margin:0 auto;
 margin-top:40px
}
.cen3-list_index {
 float:left;
 width:222px;
 height:276px;
 background:#d51419;
 border:1px solid #d51419;
 border-top:1px solid #d51419;
 margin-right:20px;
 transition:all .5s;
 -webkit-transition:all .4s;
 -o-transition:all .4s;
 -moz-transition:all .4s
}
.cen3-list_index .cen3-img {
 width:222px;
 text-align:center;
 padding-top:20px;
 height:85px
}
.cen3-list_index .cen3-tit {
 font-size:20px;
 text-align:center;
 color:#fff;
 width:222px;
 margin:0 auto;
 height:45px;
 overflow:hidden
}
.cen3-list_index .cen3-tit a {
 font-size:21px;
 text-align:center;
 color:#fff;
 text-decoration:none;
 transition:all 0s;
 -webkit-transition:all 0s;
 -o-transition:all 0s;
 -moz-transition:all 0s
}
.cen3-list_index .cen3-des {
 font-size:12px;
 text-align:left;
 color:#fff;
 width:180px;
 margin:0 auto;
 line-height:22px;
 height:80px;
 overflow:hidden
}
.cen3-list_index .indexMore {
 display:block;
 margin:0 auto;
 font-size:14px;
 text-align:center;
 width:90px;
 line-height:28px;
 background-color:#fff;
 border:1px solid #fff;
 color:#e62022;
 -webkit-border-radius:20px;
 -moz-border-radius:20px;
 text-decoration:none
}
.cen3-list {
 float:left;
 width:222px;
 height:276px;
 background:#fff;
 border:1px solid #d6d6d6;
 border-top:1px solid #d6d6d6;
 margin-right:20px;
 transition:all .5s;
 -webkit-transition:all .4s;
 -o-transition:all .4s;
 -moz-transition:all .4s
}
.cen3-list .cen3-img {
 width:222px;
 text-align:center;
 padding-top:20px;
 height:85px
}
.cen3-list .cen3-tit {
 font-size:21px;
 text-align:center;
 color:#292929;
 width:222px;
 margin:0 auto;
 height:45px;
 overflow:hidden
}
.cen3-list .cen3-tit a {
 font-size:21px;
 text-align:center;
 color:#111
}
.cen3-list .cen3-des {
 font-size:12px;
 text-align:left;
 color:#868686;
 width:180px;
 margin:0 auto;
 line-height:22px;
 height:80px;
 overflow:hidden
}
.cen3-list .indexMore {
 display:block;
 margin:0 auto;
 font-size:14px;
 text-align:center;
 width:90px;
 line-height:28px;
 background-color:#f9f9f9;
 border:1px solid #cacaca;
 color:#868686;
 -webkit-border-radius:20px;
 -moz-border-radius:20px;
 text-decoration:none
}
.cen {
 width:1200px;
 height:370px;
 margin:0 auto;
 margin-top:40px
}
.cen-list {
 float:left;
 width:222px;
 background:#fff;
 border:1px solid #f4f4f4;
 border-top:1px solid #f4f4f4;
 margin-right:20px;
 transition:all .5s;
 -webkit-transition:all .4s;
 -o-transition:all .4s;
 -moz-transition:all .4s
}
.cen-list .cen-img {
 width:222px;
 text-align:center;
 padding-top:20px;
 height:85px;
 margin-bottom:22px;
 margin-top:30px
}
.cen-list .cen-tit {
 font-size:21px;
 text-align:center;
 color:#292929;
 width:222px;
 margin:0 auto;
 height:45px;
 overflow:hidden
}
.cen-list .cen-tit {
 font-size:22px;
 text-align:center;
 color:#111
}
.cen-list .cen-des {
 font-size:14px;
 text-align:left;
 color:#868686;
 width:180px;
 margin:0 auto;
 line-height:22px;
 height:80px;
 margin-bottom:20px;
 overflow:hidden
}
.cen-list .indexMore {
 margin:0 auto;
 font-size:16px;
 text-align:center;
 width:100%;
 line-height:54px;
 background-color:#f9f9f9;
 color:#868686;
 text-decoration:none
}
.cen-list:hover {
 float:left;
 width:222px;
 background:#fff;
 border:1px solid #d6d6d6;
 border-top:1px solid #d6d6d6;
 margin-right:20px;
 -webkit-box-shadow:0 0 26px #cacaca;
 -moz-box-shadow:0 0 26px #cacaca;
 box-shadow:0 0 26px #cacaca;
 margin-top:10px
}
.cen-list:hover .cen-img {
 transform:rotateY(360deg);
 transition:all .5s ease-out
}
.cen-list:hover .indexMore {
 display:block;
 margin:0 auto;
 font-size:16px;
 text-align:center;
 width:100%;
 line-height:54px;
 background-color:#d7191b;
 color:#fff;
 text-decoration:none
}
.cen-list:hover .cen-tit a {
 font-size:22px;
 text-align:center;
 color:#d7191b;
 font-weight:700;
 text-decoration:none
}
.index_xw {
 width:1200px;
 margin:0 auto;
 overflow:hidden;
 display:none
}
.index_xw .xw_l {
 float:left
}
.index_xw .xw_r {
 width:877px;
 float:right
}
.Newindex {
 display:block;
 float:left;
 width:148px;
 height:45px;
 line-height:47px;
 font-size:18px;
 border:1px solid #f9f9f9;
 background-color:#f9f9f9;
 text-align:center;
 margin-right:20px;
 color:#333
}
.Newindex2,
.Newindex2:hover,
.Newindex:hover {
 display:block;
 float:left;
 width:148px;
 height:45px;
 line-height:47px;
 font-size:18px;
 border:1px solid #d51419;
 background-color:#d51419;
 color:#fff;
 text-align:center;
 margin-right:20px;
 text-decoration:none
}
.newDiv_index {
 width:375px;
 height:75px;
 padding:12px;
 border:1px solid #f4f4f4;
 background-color:#fff;
 float:left;
 margin-left:36px;
 margin-bottom:18px
}
.newDiv_index:hover {
 border:1px solid #d51419;
 background-color:#fff
}
.newDiv_index:hover .newDiv_index_riqi {
 background-color:#d51419;
 text-align:center;
 color:#fff
}
.newDiv_index .newDiv_index_riqi {
 width:75px;
 height:75px;
 float:left;
 background-color:#969393;
 text-align:center;
 color:#fff
}
.riqip1 {
 font-size:29px;
 font-weight:700;
 font-family:dinpro-bold;
 padding-top:7px;
 padding-bottom:2px
}
.riqip2 {
 font-size:14px;
 font-family:dinpro-bold
}
.newDiv_index_title {
 float:left;
 margin-left:15px;
 height:75px;
 width:280px
}
.newDiv_index_title .newDiv_index_title1 {
 font-size:15px;
 font-weight:700;
 margin-top:3px
}
.newDiv_index_title .newDiv_index_title2 {
 font-size:14px;
 color:#888;
 margin-top:8px;
 line-height:22px
}
.taocan_titleI {
 font-size:33px;
 font-weight:700;
 color:#fff;
 margin-bottom:15px
}
.taocan_titleI-1 {
 font-size:18px;
 color:#fff;
 margin:25px 0 10px
}
.taocan_titleI-2 {
 font-size:15px;
 color:#fff;
 line-height:27px
}
.index_lr {
 width:100%;
 height:450px;
 background:url(../images/indexlogobg.jpg);
 box-sizing:border-box;
 padding-top:62px
}
.container {
 width:1200px;
 margin:0 auto
}
.lr_l {
 float:left
}
.lr_r {
 width:750px;
 float:right;
 margin-top:45px
}
.Case_nav {
 display:block;
 line-height:50px;
 float:left;
 width:158px;
 text-align:center;
 font-size:18px;
 border:1px solid #f9f9f9;
 background-color:#f9f9f9;
 margin-right:20px;
 color:#333;
 filter:alpha(opacity=90);
 opacity:.9;
 transition:.2s linear;
 position:relative
}
.Case_nav2,
.Case_nav2:hover,
.Case_nav:hover {
 display:block;
 line-height:50px;
 float:left;
 width:158px;
 text-align:center;
 color:#fff;
 border:1px solid #d51419;
 font-size:18px;
 text-decoration:none;
 background-color:#d51419;
 margin-right:20px;
 filter:alpha(opacity=100);
 opacity:1
}
.pinpaiDiv {
 font-size:22px
}
.indexNewA {
 color:#565656
}
.indexNewA:hover {
 padding-left:10px
}
.NewASpan {
 color:#cdcdcd;
 font-size:20px;
 font-family:宋体
}
.NewDiv {
 width:100%;
 margin:0 auto;
 line-height:32px;
 font-size:14px
}
.NewDiv a:hover {
 text-decoration:none
}
.NewDiv:hover .NewASpan {
 width:100%;
 margin:0 auto;
 line-height:32px;
 color:#888;
 font-size:20px;
 font-family:宋体
}
#oLiSmall_index {
 list-style:none;
 position:relative;
 width:200px;
 height:186px;
 text-align:center;
 float:left;
 left:22px
}
#oLiSmall_index div {
 background:#191919;
 left:-99999px;
 margin:0;
 filter:alpha(opacity=80);
 opacity:.8;
 padding:20px;
 text-align:center;
 width:162px;
 position:absolute;
 height:150px;
 margin-left:19px
}
#oLiSmall_index div p {
 color:#fff;
 line-height:24px;
 font-size:16px
}
#oLiSmall_index div a {
 color:#fff;
 line-height:24px;
 font-size:12px
}
#oLiSmall_index span {
 color:#fff;
 line-height:24px;
 font-size:12px
}
#oLiSmall_index:hover div {
 left:-20px;
 position:absolute
}
#oLiSmall_index img {
 width:200px;
 height:190px;
 margin:0 auto
}
#oLiSmall_index .more {
 background-color:#c71207;
 padding:2px;
 padding-left:6px;
 padding-right:6px;
 color:#fff;
 text-decoration:none;
 font-size:14px;
 z-index:9999px;
 position:relative;
 clear:both
}
.casediv_index {
 width:220px;
 float:left;
 margin-bottom:25px;
 text-align:center;
 margin-right:15px;
 background-color:#f2f2f2;
 padding-top:10px;
 border:1px solid #f2f2f2;
 overflow:hidden
}
.casediv_index:hover {
 width:220px;
 float:left;
 margin-bottom:25px;
 text-align:center;
 margin-right:15px;
 background-color:#fff;
 padding-top:10px;
 border:1px solid #fff;
 z-index:9999;
 -webkit-transition:all .5s;
 -o-transition:all .5s;
 -moz-transition:all .5s
}
.casediv_index:hover img {
 -webkit-transition:all .5s;
 -o-transition:all .5s;
 -moz-transition:all .5s;
 transform:scale(1.2);
 -webkit-transform:scale(1.1);
 -moz-transform:scale(1.1);
 -o-transform:scale(1.1)
}
.casediv_index img {
 -webkit-transition:all .5s;
 -o-transition:all .5s;
 -moz-transition:all .5s;
 transform:scale(1);
 -webkit-transform:scale(1);
 -moz-transform:scale(1);
 -o-transform:scale(1)
}
.fdDiv {
 width:200px;
 height:190px;
 overflow:hidden;
 margin:0 auto
}
.caseDiv_name {
 text-align:center;
 font-size:14px;
 width:200px;
 margin:0 auto;
 padding-top:10px;
 margin-left:10px;
 float:left;
 padding-bottom:10px
}
.caseDiv_name a {
 color:#424242
}
.CaseBg {
 background:url(../images/fuwu.jpg) no-repeat;
 filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
 -moz-background-size:100% 100%;
 background-size:100% 100%;
 -webkit-transition:all .5s;
 -o-transition:all .5s;
 -moz-transition:all .5s
}
.bottomlx {
 display:block;
 font-size:14px;
 text-align:center;
 width:350px;
 margin:0 auto;
 font-size:22px;
 color:#fff;
 background-color:#d51419;
 line-height:57px
}
.bottomlx:hover {
 display:block;
 font-size:14px;
 text-align:center;
 width:350px;
 margin:0 auto;
 font-size:22px;
 color:#fff;
 background-color:#151515;
 line-height:57px;
 text-decoration:none
}
.zzfwdiv-red {
 width:400px;
 text-align:center;
 padding-top:15px;
 height:154px;
 color:#fff;
 font-size:15px;
 float:left;
 background-image:url(../images/product-bg-red.jpg)
}
.zzfwdiv-hui {
 width:400px;
 text-align:center;
 padding-top:15px;
 height:154px;
 color:#454545;
 font-size:15px;
 float:left;
 background-image:url(../images/product-bg-gray.jpg)
}
.zzfwdiv-hui a {
 color:#111;
 font-size:32px;
 font-weight:700
}
.zzfwdiv-red a {
 color:#fff;
 font-size:32px;
 font-weight:700
}
.zzfwdiv-red:hover a,
.zzfwdiv-hui:hover a {
 font-size:30px
}
.index_lc {
 padding:30px 0 60px;
 overflow:hidden
}
.liuchengDiv {
 width:180px;
 margin-right:20px;
 color:#454545;
 float:left;
 text-align:center;
 margin-top:50px
}
.liuchengDiv .liucheng-img {
 text-align:center;
 width:80px;
 height:65px;
 padding-top:15px;
 margin:0 auto;
 background-color:#d51419;
 -webkit-border-radius:100px;
 -moz-border-radius:100px
}
.liuchengDiv:hover img {
 transform:rotateY(360deg);
 transition:.9s
}
.liuchengDiv .liucheng-img:hover {
 text-align:center;
 width:80px;
 height:65px;
 padding-top:15px;
 margin:0 auto;
 background-color:#1e1e1e;
 -webkit-border-radius:100px;
 -moz-border-radius:100px;
 -webkit-transition:all .5s;
 -o-transition:all .5s;
 -moz-transition:all .5s
}
.liuchengDiv .liucheng-img img {
 height:50px;
 width:50px
}
.liuchengDiv .liucheng-img:hover img {
 height:52px;
 width:53px;
 -webkit-transition:all .5s;
 -o-transition:all .5s;
 -moz-transition:all .5s
}
.liuchengDiv .liucheng-text {
 font-size:18px;
 margin-top:15px;
 font-weight:700
}
.liuchengDiv .liucheng-desc {
 font-size:12px;
 margin-top:9px
}
.caseCkgd {
 display:block;
 font-size:14px;
 text-align:center;
 width:260px;
 margin:0 auto;
 font-size:22px;
 color:#fff;
 background-color:#d6001d;
 line-height:50px
}
.caseCkgd:hover {
 display:block;
 font-size:14px;
 text-align:center;
 width:260px;
 margin:0 auto;
 font-size:22px;
 color:#fff;
 background-color:#d6001d;
 line-height:50px;
 filter:alpha(opacity=80);
 opacity:.8;
 text-decoration:none
}
.yemao-youshi {
 display:block;
 float:left;
 width:147px;
 text-align:center;
 line-height:30px;
 margin-right:5px;
 color:#666;
 border:1px solid #cfcfcf;
 background-color:#fff
}
.yemao-youshi2,
.yemao-youshi2:hover,
.yemao-youshi:hover {
 display:block;
 float:left;
 width:147px;
 text-align:center;
 line-height:30px;
 margin-right:5px;
 color:#fff;
 border:1px solid #d51419;
 text-decoration:none;
 background-color:#d51419
}
.leftDiv {
 width:32px;
 line-height:30px;
 padding-top:3px;
 padding-bottom:3px;
 margin-top:2px;
 background-color:#d51419;
 display:block;
 border:0;
 vertical-align:middle;
 font-size:12px;
 font-family:Arial,Helvetica,sans-serif;
 color:#fff;
 text-decoration:none
}
.leftDiv2,
.leftDiv2:hover,
.leftDiv:hover {
 width:32px;
 line-height:30px;
 padding-top:3px;
 padding-bottom:3px;
 margin-top:2px;
 background-color:#0d0d0d;
 display:block;
 border:0;
 vertical-align:middle;
 font-size:12px;
 font-family:Arial,Helvetica,sans-serif;
 color:#fff;
 text-decoration:none;
 transition:all .5s;
 -webkit-transition:all .5s;
 -o-transition:all .5s;
 -moz-transition:all .5s
}
.titleDiv {
 height:60px;
 width:800px;
 margin-right:auto;
 margin-left:auto;
 font-family:notosanshans,微软雅黑;
 font-size:42px;
 color:#fff;
 text-align:center
}
.descDiv {
 line-height:30px;
 width:900px;
 margin-right:auto;
 margin-left:auto;
 font-size:16px;
 color:#fff;
 text-align:center;
 padding-top:15px
}
.index_lx {
 padding:40px 0 30px
}
.otherDiv {
 width:85px;
 line-height:30px;
 padding-top:3px;
 padding-bottom:3px;
 margin-top:2px;
 background-color:#d51419;
 display:block;
 border:0;
 vertical-align:middle;
 font-size:12px;
 font-family:Arial,Helvetica,sans-serif;
 color:#fff;
 text-decoration:none
}
.otherDiv2,
.otherDiv2:hover,
.otherDiv:hover {
 width:95px;
 line-height:30px;
 padding-top:3px;
 padding-bottom:3px;
 margin-top:2px;
 background-color:#0d0d0d;
 display:block;
 border:0;
 vertical-align:middle;
 font-size:12px;
 font-family:Arial,Helvetica,sans-serif;
 color:#fff;
 text-decoration:none;
 transition:all .5s;
 -webkit-transition:all .5s;
 -o-transition:all .5s;
 -moz-transition:all .5s
}
.otherDiv3,
.otherDiv3:hover {
 width:85px;
 line-height:30px;
 padding-top:3px;
 padding-bottom:3px;
 margin-top:2px;
 background-color:#0d0d0d;
 display:block;
 border:0;
 vertical-align:middle;
 font-size:12px;
 font-family:Arial,Helvetica,sans-serif;
 color:#fff;
 text-decoration:none;
 transition:all .5s;
 -webkit-transition:all .5s;
 -o-transition:all .5s;
 -moz-transition:all .5s
}
.dhstyle {
 background-color:#b91103;
 height:58px;
 width:100%;
 border-top:1px solid #a50600
}
.dhstyle img {
 border:0
}
.dhstyle a {
 display:block;
 line-height:58px;
 color:#fff;
 text-decoration:none;
 font-size:15px;
 width:112px;
 border-right:1px solid #a90903
}
.dhstyle a:hover {
 display:block;
 line-height:58px;
 color:#e4e4e4;
 font-size:14px;
 width:112px;
 background-color:#0e0d0d;
 transition:all .5s;
 -webkit-transition:all .5s;
 -o-transition:all .5s;
 -moz-transition:all .5s;
 text-decoration:none;
 border-right:1px solid #0e0d0d
}
.naxiekehu {
 line-height:45px;
 height:45px;
 width:400px;
 color:#fff;
 float:left;
 font-size:22px;
 background-color:#d51419;
 text-align:center;
 -webkit-border-radius:38px;
 -moz-border-radius:38px;
 margin:0 auto;
 margin-top:45px;
 margin-left:40px
}
.naxiekehu2 {
 line-height:45px;
 height:45px;
 width:400px;
 color:#fff;
 float:left;
 font-size:22px;
 background-color:#292929;
 text-align:center;
 -webkit-border-radius:38px;
 -moz-border-radius:38px;
 margin:0 auto;
 margin-top:45px;
 margin-left:40px
}
ul,
li,
p,
h4 {
 margin:0;
 padding:0;
 list-style-type:none
}
i {
 margin:0;
 padding:0;
 font-style:normal
}
ul {
 margin:0;
 padding:0;
 list-style:none
}
ul li {
 margin:0;
 padding:0;
 list-style:none
}
.cndns-right a {
 color:#333;
 text-decoration:none
}
.cndns-right a:hover {
 color:#ff5a00;
 text-decoration:none
}
.clear {
 clear:both;
 font-size:0;
 line-height:0;
 height:0
}
@font-face {
 font-family:icomoon;
 src:url(fonts/icomoon.eot?qradjf#iefix) format('embedded-opentype'),
 url(fonts/icomoon.ttf?qradjf) format('truetype'),
 url(fonts/icomoon.woff?qradjf) format('woff'),
 url(fonts/icomoon.svg?qradjf#icomoon) format('svg');
 font-weight:400;
 font-style:normal
}
.demo-icon {
 font-family:icomoon;
 font-style:normal;
 font-weight:400;
 speak:none;
 display:inline-block;
 text-decoration:inherit;
 text-align:center;
 font-variant:normal;
 text-transform:none;
 font-size:24px;
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale;
 line-height:24px;
 color:#999
}
.cndns-right {
 position:fixed;
 right:1px;
 top:50%;
 margin-top:-100px;
 z-index:15000
}
.cndns-right-meau {
 position:relative
}
.cndns-right-btn {
 width:48px;
 height:48px;
 text-align:center;
 display:block;
 margin-bottom:6px;
 position:relative;
 background-color:#f8f8f8
}
.cndns-right-btn span {
 color:#848484;
 font-size:26px;
 line-height:48px
}
.cndns-right-btn sup {
 display:block;
 min-width:24px;
 height:24px;
 text-align:center;
 line-height:24px;
 color:#fff;
 border-radius:50%;
 background-color:#d51419;
 position:absolute;
 left:-12px;
 top:-12px
}
.cndns-right-btn p {
 color:#616161;
 font-size:14px;
 line-height:18px;
 padding-top:5px;
 display:none
}
.cndns-right-meau:hover .cndns-right-btn span {
 display:none
}
.cndns-right-meau:hover .cndns-right-btn p {
 display:block
}
.meau-car .cndns-right-btn {
 border-color:#d51419;
 margin-bottom:20px
}
.meau-car.cndns-right-meau:hover .cndns-right-btn {
 background-color:#d51419
}
.meau-car.cndns-right-meau:hover .cndns-right-btn span {
 color:#fff;
 display:block
}
.meau-car .cndns-right-btn span {
 color:#d51419
}
.meau-sev .cndns-right-btn {
 border-color:#d51419;
 background:url(../images/inco_flc.gif) no-repeat #f20c2b center
}
.meau-sev .cndns-right-btn p {
 color:#fff
}
.meau-sev .cndns-right-btn span {
 color:#fff
}
.meau-top .cndns-right-btn span {
 font-size:12px;
 line-height:12px;
 padding-top:10px;
 display:block
}
.meau-top .cndns-right-btn i {
 display:block;
 color:#999
}
.meau-top.cndns-right-meau:hover .cndns-right-btn {
 background-color:#d51419;
 border:0
}
.meau-top.cndns-right-meau:hover .cndns-right-btn span {
 display:block;
 color:#fff
}
.meau-top.cndns-right-meau:hover .cndns-right-btn i {
 color:#fff
}
.cndns-right-box {
 position:absolute;
 top:-15px;
 right:42px;
 padding-right:25px;
 display:none
}
.cndns-right-box .box-border {
 border:1px solid #ccc;
 border-top:4px solid #d51419;
 padding:20px;
 background-color:#fff;
 -webkit-box-shadow:0 3px 8px rgba(0,0,0,.15);
 -moz-box-shadow:0 3px 8px rgba(0,0,0,.15);
 box-shadow:0 3px 8px rgba(0,0,0,.15);
 position:relative
}
.cndns-right-box .box-border .arrow-right {
 display:block;
 width:13px;
 height:60px;
 background:url(../images/arrow.png) no-repeat;
 position:absolute;
 right:-13px;
 top:26px
}
.cndns-right-box .box-border .sev-t span {
 font-size:42px;
 float:left;
 display:block;
 line-height:56px;
 margin-right:20px;
 color:#d3d3d3
}
.cndns-right-box .box-border .sev-t img {
 width:150px
}
.cndns-right-box .box-border .sev-t p {
 float:right;
 color:#d51419;
 font-size:24px;
 line-height:28px
}
.cndns-right-box .box-border .sev-t p i {
 display:block;
 font-size:14px;
 color:#aaa
}
.cndns-right-box .box-border .sev-b {
 padding-top:15px;
 margin-top:15px;
 border-top:1px solid #e4e4e4
}
.cndns-right-box .box-border .sev-b h4 {
 color:#666;
 font-size:14px;
 font-weight:400;
 padding-bottom:15px
}
.cndns-right-box .box-border .sev-b li {
 float:left;
 width:33.33333%
}
.cndns-right-box .box-border .sev-b li a {
 display:inline-block;
 color:#999;
 font-size:13px;
 padding-left:43px;
 background:url(../images/q1.gif) no-repeat left 3px;
 line-height:36px
}
.cndns-right-box .box-border .sev-b li a:hover {
 color:#d51419
}
.meau-sev .cndns-right-box .box-border {
 width:430px
}
.meau-contact .cndns-right-box .box-border {
 width:230px
}
.cndns-right-meau:hover .cndns-right-box {
 display:block
}
.meau-code .cndns-right-box {
 top:inherit;
 bottom:-35px
}
.meau-code .cndns-right-box .box-border {
 width:156px;
 text-align:center;
 border-top:1px solid #ccc
}
.meau-code .cndns-right-box .box-border i {
 display:block;
 color:#393939;
 font-size:14px;
 line-height:16px
}
.meau-code .cndns-right-box .box-border .arrow-right {
 top:inherit;
 bottom:50px
}
.meau-sev .cndns-right-btn .demo-icon {
 display:none
}
.meau-sev:hover .cndns-right-btn {
 background:#d51419
}
.meau-zs .cndns-right-btn {
 background-color:#d51419;
 color:#fff;
 margin-top:80px;
 border-color:#f20c2b
}
.meau-zs .cndns-right-btn span {
 color:#fff
}
.meau-zs .cndns-right-btn p {
 color:#fff
}
.hzh { width:100%; overflow:hidden; text-align:left}
.hzh li img { width:200px; height:60px; float:left;padding:5px 20px;}

.qpDiv {
 width:100%;
 overflow:hidden;
 text-align:left
}
.qpDiv li img {
 width:98%;
 height:100%;
 float:left;
margin-top:10px;
}
.qpDiv li {
 width:25%;
 height:100%;
 overflow:hidden;
 float:left;
 position:relative;
 background-color:#eee
}
.qpzhe {
 position:absolute;
 background:rgba(0,0,0,.7);
 top:0;
 left:0;
 width:98%;
 height:100%;
 text-align:center;
 color:#fff;
 transform:scale(0);
 transition:all .5s
}
.qpDiv li:hover .qpzhe {
 transform:scale(1)
}
.qpzhe h3 {
 font-weight:400;
 font-size:30px;
 margin-top:20%
}
.qpzhe p {
 line-height:30px;
 font-size:18px
}

.xNavdiv {
 display:block;
 float:left;
 font-size:16px;
 text-align:center;
 width:100px;
 color:#000;
 text-decoration:none;
 line-height:32px;
 -webkit-transition:0;
 -o-transition:0;
 -moz-transition:0;
 background:url(../images/navClass.jpg) center repeat-x;
 border-right:1px solid #dfdfdf
}
.xNavdiv:hover {
 display:block;
 float:left;
 font-size:16px;
 text-align:center;
 width:100px;
 color:#fff;
 text-decoration:none;
 line-height:32px;
 background:url(../images/imghov_02.jpg) center repeat-x;
 transition:all .1s;
 -webkit-transition:all .1s;
 -o-transition:all .1s;
 -moz-transition:all .1s;
 border-right:1px solid #dfdfdf
}
.Navdiv {
 display:block;
 float:left;
 font-size:20px;
 text-align:center;
 width:200px;
 color:#000;
 text-decoration:none;
 line-height:70px;
 -webkit-transition:0;
 -o-transition:0;
 -moz-transition:0;
 background:url(../images/navClass.jpg) center repeat-x;
 border-right:1px solid #dfdfdf
}
.Navdiv:hover {
 display:block;
 float:left;
 font-size:20px;
 text-align:center;
 width:200px;
 color:#fff;
 text-decoration:none;
 line-height:70px;
 background:url(../images/imghov_02.jpg) center repeat-x;
 transition:all .1s;
 -webkit-transition:all .1s;
 -o-transition:all .1s;
 -moz-transition:all .1s;
 border-right:1px solid #dfdfdf
}
.Navdiv2,
.Navdiv2:hover {
 display:block;
 float:left;
 font-size:20px;
 text-align:center;
 width:200px;
 color:#fff;
 text-decoration:none;
 line-height:70px;
 font-family:microsoft yahei,\5fae\8f6f\96c5\9ed1;
 *font-family:"微软雅黑";
 background:url(../images/imghov_02.jpg) center repeat-x;
 border-right:1px solid #dfdfdf
}
.xNavdiv2,
.xNavdiv2:hover {
 display:block;
 float:left;
 font-size:16px;
 text-align:center;
 width:100px;
 color:#fff;
 text-decoration:none;
 line-height:32px;
 font-family:microsoft yahei,\5fae\8f6f\96c5\9ed1;
 *font-family:"微软雅黑";
 background:url(../images/imghov_02.jpg) center repeat-x;
 border-right:1px solid #dfdfdf
}

.huoqufangan {
 margin:0 auto;
 font-size:16px;
 text-align:center;
 width:460px;
 line-height:50px;
 border:1px solid #e10000;
 color:#fff;
 background-color:#e10000;
 margin-bottom:15px;
 text-decoration:none;
 -webkit-border-radius:80px;
 -moz-border-radius:80px;
 margin-top:50px
}
.huoqufangan a{color:#fff;}
.huoqufangan a:hover{color:#fff;}
.huoqufangan:hover {
 margin:0 auto;
 font-size:18px;
 text-align:center;
 width:460px;
 line-height:50px;
 border:1px solid #e10000;
 color:#fff;
 background-color:#e10000;
 margin-bottom:15px;
 text-decoration:none;
 -webkit-border-radius:80px;
 -moz-border-radius:80px;
 margin-top:50px;
 text-decoration:none
}
.dibuby {
 width:1200px;
 margin:0 auto
}
.dibuby p {
 padding-left:50px;
 height:40px;
 line-height:40px;
 float:left;
 width:190px
}
.dibuby p span {
 font-size:16px;
 color:#d0d0d0
}
#scroll_div {
 width:1200px;
 line-height:30px;
 overflow:hidden;
 white-space:nowrap;
 margin:0 auto;
 margin-bottom:30px;
 margin-top:10px
}
#scroll_begin,
#scroll_end {
 display:inline
}
#scroll_div a {
 color:#878787;
 text-decoration:none;
 font-size:14px;
 margin-right:10px
}
#scroll_div a:hover {
 color:#fff
}
.partone {
 width:1200px;
 height:260px;
 margin:0 auto
}
.oneleft {
 width:585px;
 height:260px;
 background:url(/tcimg/part_05.png);
 float:left
}
.oneright {
 width:585px;
 height:260px;
 background:url(/tcimg/part_07.png);
 float:right
}
.partone h3 {
 text-align:center;
 font-size:33px;
 font-weight:400;
 color:#fff;
 letter-spacing:2px;
 margin-top:72px
}
.oneoff {
 float:right
}
.onean {
 width:140px;
 line-height:35px;
 border:1px #fff solid;
 border-radius:6px;
 text-align:center;
 line-height:35px;
 font-size:18px;
 color:#fff;
 margin:0 auto;
 transition:.5s;
 cursor:pointer
}
.onean:hover {
 background:#fff;
 border:1px #fff solid;
 color:#000
}
.oneform {
 width:930px;
 height:500px;
 background:url(/tcimg/bg_8.png);
 background-color:#ed1c24;
 position:fixed;
 top:50%;
 left:50%;
 transform:translateX(-50%) translateY(-50%);
 display:none;
 z-index:10;
 -webkit-transform:translateX(-50%) translateY(-50%);
 -webkit-transform:translateX(-50%) translateY(-50%);
 -moz-transform:translateX(-50%) translateY(-50%);
 -ms-transform:translateX(-50%) translateY(-50%);
 transform:translateX(-50%) translateY(-50%)
}
.onebox {
 width:822px;
 height:394px;
 border:1px #fff dashed;
 margin:17px auto;
 padding:35px
}
.oneline {
 width:1px;
 height:55px;
 background:rgba(255,255,255,.5);
 float:left;
 margin:7px 20px
}
.onebox span {
 font-size:40px;
 color:#fff
}
.onebox input {
 width:140px;
 height:53px;
 background:0 0;
 outline:none;
 border:none;
 text-indent:1em;
 font-size:16px;
 color:#fff
}
.onebox form {
 width:100%;
 height:310px;
 margin-top:15px
}
.onebox textarea {
 width:815px;
 border-radius:8px;
 background:0 0;
 border:1px #e7a8aa solid;
 min-height:70px;
 margin-top:15px;
 outline:none;
 font-size:16px;
 color:#fff;
 text-indent:1em;
 padding-top:10px
}
.onebox form li {
 float:left;
 list-style:none;
 border:1px #e7a8aa solid;
 border-radius:8px;
 margin-top:15px;
 width:400px;
 height:53px
}
.onebox form li img {
 float:left
}
.onebox form li p {
 float:left;
 color:#fff;
 font-size:16px;
 line-height:52px
}
.onebox form li:nth-child(1) input {
 width:260px
}
.onebox form li:nth-child(2) input {
 width:280px
}
.onebox form li:nth-child(3) input {
 width:310px
}
.onebox form li:nth-child(4) input {
 width:310px
}
.onebox form li:nth-child(2),
.onebox form li:nth-child(4) {
 float:right
}
.onebox form button {
 width:400px;
 height:54px;
 background:#fff;
 border-radius:5px;
 outline:none;
 border:none;
 color:#d32329;
 font-size:20px;
 cursor:pointer;
 float:right;
 margin-top:16px;
 transition:.5s
}
textarea::-webkit-input-placeholder {
 color:#ababab;
 font-size:14px
}
.onezz {
 width:100%;
 height:100%;
 background:rgba(0,0,0,.7);
 position:fixed;
 top:0;
 left:0;
 display:none
}
#yzmimg {
 float:right;
 border-radius:0 5px 5px 0;
 width:120px;
 height:53px;
 text-align:center;
 background-color:#eee
}
#yzmimg img {
 width:80px;
 height:30px;
 margin-left:25px;
 margin-top:9px
}
#tj:hover {
 background:0 0;
 border:1px #fff solid;
 color:#fff
}
.oneoff:hover {
 transform:rotate(360deg)
}
.oneoff {
 transition:.5s;
 cursor:pointer
}
.onediv {
 width:100%;
 height:70px;
 overflow:hidden
}
.sliderbox {
 width:100%;
 height:70px;
 background:#fff;
 position:fixed;
 top:-75px;
 left:0;
 box-shadow:5px 5px 5px rgba(0,0,0,.2);
 transition:.6s;
 z-index:9999
}
.slidernav {
 width:1200px;
 margin:0 auto
}
.divLogo {
 text-align:left;
 float:left;
 width:334px;
 height:60px;
 padding-top:10px
}
.divRight {
 width:866px;
 float:left;
 text-align:left;
 line-height:70px
}
.divRight a {
 font-size:16px;
 width:102px;
 text-align:center;
 color:#333;
 display:block;
 float:left;
 text-decoration:none
}
.divRight a:hover {
 font-size:17px;
 width:102px;
 text-align:center;
 color:#de2323;
 display:block;
 float:left;
 text-decoration:none
}
a {
 text-decoration:none
}
ul {
 padding:0;
 margin:0
}
.header {
 width:90%;
 position:absolute;
 top:0;
 left:0;
 z-index:10000;
 border-bottom:1px rgba(255,255,255,.09) solid;
 padding:0 5%
}
.header:hover {
 background:rgba(0,0,0,.15);
 border-bottom:1px rgba(255,255,255,.2) solid
}
.header_left {
 padding-top:18px;
 float:left
}
.header a img:last-child {
 display:none
}
.header_new {
 width:90%;
 position:fixed;
 top:0;
 left:0;
 z-index:10000;
 background:url(../images/nav_01.jpg)left repeat-y;
 padding:0 5%;
 transition:.5s;
 box-shadow:0 0 10px rgba(0,0,0,.2)
}
.header_new.header_hide {
 top:-100px
}
.header_new.white {
 background:#fff;
 position:fixed
}
.header_new.white .nav ul li>a {
 color:#000
}
.header_new.white .sp_nav span {
 background:#000
}
.header_new.white .phone p {
 color:#000
}
.header_new.white .phone h2 {
 color:#000
}
.header_new.white .nav {
 border-right:1px rgba(0,0,0,.1) solid
}
.header_new a img:last-child {
 display:none
}
.header_new.white a img:last-child {
 display:block
}
.header_new.white a img:first-child {
 display:none
}
.header_new.white .erji {
 background:#fff;
 border-top:1px rgba(0,0,0,.1) solid
}
.header_new.white .nav ul li:hover {
 background:0 0
}
.header_new.white .erji a {
 color:#000
}
.header_two {
 width:100%;
 position:fixed;
 top:0;
 left:0;
 z-index:10000;
 border-bottom:1px rgba(255,255,255,.09) solid;
 padding:0;
 transition:.5s
}
.header_two:hover {
 background:rgba(0,0,0,.15);
 border-bottom:1px rgba(255,255,255,.2) solid
}
.header_two.header_hide {
 top:-100px
}
.header_two a img:last-child {
 display:none
}
.header_two.white {
 width:100%;
 position:fixed;
 left:0;
 z-index:10000;
 background:#fff;
 padding:0;
 transition:.5s;
 box-shadow:0 0 10px rgba(0,0,0,.2)
}
.header_two.white .nav ul li>a {
 color:#000
}
.header_two.white .sp_nav span {
 background:#000
}
.header_two.white .phone p {
 color:#000
}
.header_two.white .phone h2 {
 color:#000
}
.header_two.white .nav {
 border-right:1px rgba(0,0,0,.1) solid
}
.header_two a img:last-child {
 display:none
}
.header_two.white a img:last-child {
 display:block
}
.header_two.white a img:first-child {
 display:none
}
.header_two.white .erji {
 background:#fff;
 border-top:1px rgba(0,0,0,.1) solid
}
.header_two.white .nav ul li:hover {
 background:0 0
}
.header_two.white .erji a {
 color:#000
}
.nav {
 width:80%;
 height:95px;
 margin:0 auto;
 float:left;
padding-left: 5%;
 border-right:1px rgba(255,255,255,.15) solid;
 box-sizing:border-box
}
.nav_logo {
 float:left;
 margin-top:20px
}
.nav ul {
 display:inline-block;
 float:right;
 margin-right:8%
}
.nav ul li {
 float:left;
 font-size:16px;
 list-style:none;
 width:90px;
 text-align:center
}
.nav ul li:hover {
 border-bottom:2px #df0e19 solid;
 background:rgba(0,0,0,.1)
}
.nav ul li>a {
 color:#fff;
 font-weight: bold;
 display:block;
 line-height:93px
}
.nav ul li a:hover {
 color:#fff;
 text-decoration:none
}
.cover_box {
 width:100%;
 height:100%
}

.index_banner {
 width:100%;
 height:100%;
 background-color:#111
}
.index_banner .swiper-container {
 width:100%;
 height:100%
}
.index_banner .swiper-slide {
 position:relative
}
.index_banner .swiper-slide .text {
 width:1200px;
 position:absolute;
 top:50%;
 left:48%;
 transform:translate(-50%,-50%);
 cursor:pointer
}
.index_banner .swiper-slide img {
 transform:translateY(100px);
 transition:all .3s;
 opacity:0
}
.index_banner .swiper-slide h3 {
 color:#fff;
 font-size:50px;
 line-height:1;
 text-transform:uppercase;
 font-family:gothicb
}
.index_banner .swiper-slide h3 span {
 color:#fff;
 font-size:66px;
 text-transform:uppercase;
 font-family:gothicb
}
.index_banner .swiper-slide h2 {
 color:#fff;
 font-size:68px;
 line-height:1;
 margin:65px 0 35px;
 transform:translateY(100px);
 opacity:0;
 transition:all .3s;
 transition-delay:.2s;
 font-family:"microsoft yahei,微软雅黑"
}
.index_banner .swiper-slide h2 span {
 color:#fff;
 font-size:72px;
 font-family:dinpro-bold
}
.index_banner .swiper-slide p {
 color:#fff;
 font-size:30px;
 line-height:1;
 margin:0;
 transform:translateY(100px);
 opacity:0;
 transition:all .5s;
 transition-delay:.4s
}
@media screen and (max-width:1580px) {
 .index_banner .swiper-slide img {
  width:1000px
 }
 .index_banner .swiper-slide h2 {
  font-size:58px
 }
 .index_banner .swiper-slide p {
  font-size:28px
 }
 .index_banner .swiper-slide h3 {
  font-size:40px
 }
}
@media screen and (max-width:1450px) {
 .index_banner .swiper-slide img {
  width:880px
 }
 .index_banner .swiper-slide h2 {
  font-size:50px
 }
 .index_banner .swiper-slide p {
  font-size:22px
 }
 .index_banner .swiper-slide h3 {
  font-size:28px
 }
}
.index_banner .swiper-slide-active img {
 transform:translateY(0);
 opacity:1
}
.index_banner .swiper-slide-active h2 {
 transform:translateY(0);
 opacity:1
}
.index_banner .swiper-slide-active p {
 transform:translateY(0);
 opacity:1
}
#page {
 width:180px;
 position:absolute;
 left:50%;
 transform:translateX(-50%);
 text-align:left;
 bottom:45px;
 box-sizing:border-box;
 text-align:center;
 z-index:200
}
#page span {
 display:inline-block;
 width:22px;
 height:10px;
 background:url(../images/icon_07.png)center no-repeat;
 opacity:.8;
 margin:0 1px;
 cursor:pointer;
 border-radius:5px;
 transition:.3s
}
#page span.swiper-pagination-bullet-active {
 background:url(../images/icon_09.png)center no-repeat
}
#button {
 width:260px;
 height:30px;
 position:absolute;
 bottom:35px;
 left:50%;
 transform:translateX(-50%);
 z-index:100
}
#button .swiper-button-prev:after {
 content:"";
 width:11px;
 height:19px;
 background:url(../images/icon_03.png);
 opacity:.8
}
#button .swiper-button-prev {
 outline:none
}
#button .swiper-button-next:after {
 content:"";
 width:11px;
 height:19px;
 background:url(../images/icon_05.png);
 opacity:.8
}
#button .swiper-button-next {
 outline:none
}
.phone {
 width:10%;
 font-size:14px;
 float:left;
padding-left:2%;
 text-align:right;
white-space:nowrap;
}
.phone p {
 color:#fff;
 margin-top:20px
}
.phone h2 {
 color:#fff;
 font-size:24px;
 margin:5px 0 0;
 font-family:dinpro-bold
}
.nav ul li .erji {
 width:100%;
 height:80px;
 background:rgba(0,0,0,.2);
 position:absolute;
 top:95px;
 left:0;
 text-align:center;
 display:none
}
.nav ul li .erji a {
 color:#fff;
 margin:0 15px;
 line-height:80px;
 font-size:14px;
 opacity:.7
}
.nav ul li .erji a:hover {
 opacity:1
}
.tan_sp {
 width:100%;
 height:100%;
 position:fixed;
 top:0;
 left:0;
 z-index:20000;
 display:none
}
.tan_spbox {
 width:100%;
 height:100%;
 position:absolute;
 top:0;
 left:0;
 background:url(../images/topbg.jpg) center no-repeat
}
.tan_sptop {
 overflow:hidden
}
.tan_sptop img {
 float:left
}
.tan_sptop #sp_prev {
 float:right;
 font-size:22px;
 color:#fff;
 margin:50px 100px 0 0
}
.tan_spcen {
 width:800px;
 margin:0 auto;
 margin-top:5%
}
.tan_spcen {
 text-align:center
}
.tan_spbot {
 width:100%;
 position:absolute;
 bottom:50px;
 text-align:center;
 color:#fff;
 font-size:22px
}
.tan_spbot p {
 display:inline-block;
 font-family:dinpro-bold
}
.tan_spbot img {
 float:left;
 margin:2px 25px 0 0
}
.sp_nav {
 display:block;
 width:50px;
 position:absolute;
 height:30px;
 z-index:10001;
 right:20%;
 top:40px
}
.sp_nav span {
 display:block;
 background:#fff;
 width:18px;
 height:2px;
 position:absolute;
 left:10px;
 transition:all ease .35s
}
.sp_nav .sp_nav1 {
 top:0
}
.sp_nav .sp_nav2 {
 top:6px;
 width:14px
}
.sp_nav .sp_nav3 {
 top:12px
}
.sp_nav_se .sp_nav1 {
 top:10px;
 transform:rotate(45deg)
}
.sp_nav_se .sp_nav2 {
 width:0!important
}
.sp_nav_se .sp_nav3 {
 top:10px;
 transform:rotate(-45deg)
}
.sp_nav:hover .sp_nav2 {
 width:18px
}
.span_navcolor {
 background-color:#222!important
}
.overDiv {
 overflow:hidden
}
.vr_ico {
 display:block;
 width:24px;
 position:absolute;
 height:17px;
 z-index:10001;
 right:18.5%;
 top:40px
}
.articleban {
 width:100%;
 height:500px;
 background:url(../images/newsbg.jpg) top center no-repeat;
 background-color:#181818
}
.articlebox {
 width:1200px;
 padding-top:320px;
 margin:0 auto
}
.articlebox h2 {
 font-size:38px;
 color:#fff
}
.articlebox ul li {
 list-style:none;
 float:left;
 font-size:14px;
 color:#fff;
 margin-right:30px
}
.articlebox ul {
 overflow:hidden;
 margin-top:30px
}
.artposi {
 float:right;
 font-size:14px;
 color:#fff
}
.artposi a {
 color:#fff;
 text-decoration:none
}
.artposi a:hover {
 color:#fff;
 text-decoration:none
}
.xx_art {
 width:1200px;
 margin:0 auto;
 margin-top:20px;
 overflow:hidden
}
.xx_l {
 width:950px;
 float:left;
 padding:25px;
 background:#fff;
 line-height:39px;
 font-size:16px;
 color:#5d5d5d
}
.xx_r {
 width:160px;
 float:right
}
.xx_r ul li h3 {
 font-size:14px;
 line-height:0
}
.xx_r ul li p {
 font-size:14px;
 margin-top:2px
}
.xx_line {
 width:20px;
 height:2px;
 background:#d0001c;
 float:left;
 margin-top:7px
}
.xx_r ul .onli {
 width:120px;
 height:50px;
 background:#d0001c;
 color:#fff;
 padding:20px;
 margin-bottom:10px
}
.xx_r ul li .xx_lineon {
 width:20px;
 height:2px;
 background:#fff;
 float:left;
 margin-top:7px
}
.xx_r ul li {
 width:90px;
 height:50px;
 background:#fff;
 list-style:none;
 color:#424242;
 padding:20px;
 margin-bottom:10px;
 border:1px #dbdbdb solid;
 transition:.5s;
 float:left
}
.xx_r ul li:hover {
 width:120px;
 height:50px;
 background:#d0001c;
 color:#fff;
 padding:20px
}
.xx_r ul li:hover .xx_line {
 background:#fff
}
.abread {
 width:1160px;
 overflow:hidden;
 padding:20px;
 margin:0 auto;
 background:#fff;
 margin-top:25px;
 padding-bottom:40px
}
.abreadul h3 {
 background:url(../images/hongbian.jpg) left no-repeat;
 font-size:24px;
 font-weight:400;
 padding-left:20px
}
.abreadul {
 width:45%;
 float:right;
 overflow:hidden
}
.abreadul ul li {
 font-size:14px;
 color:#666;
 line-height:30px;
 list-style:disc;
 list-style-position:inside
}
.abreadul ul li:hover {
 font-size:14px;
 color:#d51419;
 line-height:30px;
 list-style:disc;
 list-style-position:inside
}
.abreadul ul li a {
 color:#666
}
.abreadul ul li a:hover {
 color:#d51419;
 text-decoration:none
}
.abreadul ul li span {
 font-size:12px;
 color:#ccc;
 float:right
}
.abreadul ul {
 overflow:hidden;
 margin-left:15px;
 margin-top:25px
}
#ableft {
 float:left
}
.ab_line {
 width:1px;
 height:150px;
 background:#eee;
 float:left;
 margin-left:60px;
 margin-top:50px
}
.webdes {
 width:1200px;
 overflow:hidden;
 margin:0 auto
}
.webdes ul li {
 width:278px;
 height:98px;
 border:2px #efefef solid;
 list-style:none;
 float:left;
 text-align:center;
 line-height:98px;
 color:#0d0c0c;
 font-size:24px;
 transition:.5s;
 margin-left:24px;
 margin-top:30px;
 background:#fff
}
.webdes ul a:nth-child(1) li,
.webdes ul a:nth-child(5) li,
.webdes ul a:nth-child(9) li {
 margin-left:0
}
.webdes ul li:hover {
 border:2px #d61519 solid;
 color:#d61519
}
.artbot {
 width:900px;
 height:280px;
 text-align:center;
 margin-top:90px
}
.artbot h2 {
 font-size:24px;
 color:#010101;
 font-weight:400;
 margin-top:30px
}
.artbot h4 {
 font-size:16px;
 color:#010101;
 font-weight:400;
 margin-top:30px;
 letter-spacing:3px
}
::-webkit-scrollbar {
 width:3px;
 height:3px
}
::-webkit-scrollbar-track {
 background:#eee
}
::-webkit-scrollbar-thumb {
 background:#f20c2b
}
::-webkit-scrollbar-button {
 height:0;
 background-color:#d61519
}
.xxn_l {
 width:950px;
 float:left;
 padding-top:15px;
 line-height:32px;
 font-size:15px;
 color:#5d5d5d
}
.xxn_type {
 width:100%;
 margin-bottom:25px;
 line-height:50px;
 height:50px
}
.xxn_type a {
 display:block;
 line-height:48px;
 width:140px;
 text-align:center;
 float:left;
 background-color:#fff;
 border:1px solid #fff;
 margin-right:7px;
 font-size:16px;
 color:#323232
}
.xxn_type a:hover,
.xxn_type .ahover {
 display:block;
 line-height:48px;
 width:140px;
 text-align:center;
 float:left;
 border:1px solid #c5001b;
 background-color:#c5001b;
 margin-right:7px;
 color:#fff;
 font-size:16px
}
.xxn_list {
 width:100%;
 padding:2.2%;
 background-color:#fff;
 margin-bottom:18px
}
.xxn_list:hover {
 width:100%;
 padding:2.2%;
 background-color:#fff;
 margin-bottom:18px;
 -webkit-box-shadow:0 0 20px #eee;
 -moz-box-shadow:0 0 20px #eee;
 box-shadow:0 0 20px #eee
}
.xxn_list p {
 margin-top:15px;
 font-size:14px;
 line-height:23px;
 color:#999
}
@media only screen and (max-width:1440px) {
 .part_video video {
  width:auto!important
 }
}
.part_video {
 width:100%;
 height:850px;
 overflow:hidden;
 position:relative;
 background-color:#010510
}
.part_video video {
 width:100%
}
.zhezhao {
 display:block;
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
 background:rgba(8,8,9,.8);
 z-index:999
}
.video_text {
 width:1200px;
 text-align:center;
 margin:0 auto;
 margin-top:350px;
 color:#fff;
 display:none
}
.video_text h2 {
 animation:zuo 1.5s;
 font-size:60px;
 text-shadow:0 2px 2px #333
}
.video_text p {
 animation:zuotwo 2s;
 font-size:26px;
 text-shadow:0 2px 2px #333
}
.video_text div {
 animation:zuotwo 3s;
 font-size:18px;
 width:180px;
 height:43px;
 margin:0 auto;
 line-height:43px;
 border:1px solid #fff;
 color:#fff;
 margin-top:40px;
 -webkit-border-radius:50px;
 -moz-border-radius:50px;
 transition:all .5s;
 -webkit-transition:all .5s;
 -o-transition:all .5s;
 -moz-transition:all .5s
}
.video_text div:hover {
 font-size:18px;
 width:180px;
 height:43px;
 margin:0 auto;
 line-height:43px;
 background-color:#f20c2b;
 border:1px solid #f20c2b;
 color:#fff;
 margin-top:40px;
 -webkit-border-radius:50px;
 -moz-border-radius:50px;
 transition:all .5s;
 -webkit-transition:all .5s;
 -o-transition:all .5s;
 -moz-transition:all .5s
}
@keyframes zuo {
 0% {
  transform:translate(0px,200px);
  opacity:0
 }
 100% {
  transform:translate(0px,0px);
  opacity:1
 }
}
@keyframes zuotwo {
 0% {
  transform:translate(0px,100px);
  opacity:0
 }
 50% {
  transform:translate(0px,100px);
  opacity:0
 }
 100% {
  transform:translate(0px,0px);
  opacity:1
 }
}
.ydcDiv {
 display:none
}
.fanbj {
 width:950px;
 background:#fff;
 overflow:hidden
}
.fan_b {
 width:100%;
 height:48px
}
.fan_b li {
 float:left;
 width:140px;
 height:48px;
 line-height:48px;
 text-align:center;
 font-size:16px;
 cursor:pointer;
 margin-right:10px;
 background:#f7f7f8
}
.fan_b li:hover {
 background:#d51419;
 color:#fff
}
.fan_b li.cur {
 background:#d51419;
 color:#fff;
 float:left;
 width:140px;
 height:48px;
 line-height:48px;
 text-align:center;
 font-size:16px;
 cursor:pointer;
 margin-right:10px
}
.fan_ul {
 width:950px;
 overflow:hidden;
 margin-top:10px;
 float:left
}
.fan_tab {
 width:1000%;
 position:relative
}
.fan_ul .fan_title {
 width:100%;
 height:56px;
 padding:0 45px 0 30px;
 background:#f7f7f8;
 line-height:56px;
 box-sizing:border-box;
 margin-top:10px;
 font-size:17px;
 color:#555;
 position:relative
}
.fan_ul .fan_cont {
 width:100%;
 padding:20px 30px;
 font-size:14px;
 color:#5b5b5b;
 box-sizing:border-box;
 line-height:34px;
 display:none;
 background:#fbfbfb;
 box-shadow:0 0 15px #9b9898
}
.fan_title span {
 width:46px;
 height:56px;
 background:url(../images/jia.png)center;
 display:inline-block;
 position:absolute;
 right:0;
 border-left:1px #fff solid
}
.current {
 background:#d51419!important;
 color:#fff!important
}
.current span {
 background:url(../images/jian.png)center
}
ul {
 padding:0
}
li {
 list-style:none
}
.dynamicbox {
 width:100%;
 overflow:hidden;
 background:url(../images/faqbg.png) right no-repeat;
 background-color:#f5f5f5;
 padding:20px 0
}
.dynamic {
 width:1200px;
 margin:0 auto
}
.dynamicul div {
 width:320px;
 height:80px;
 background:#fff;
 float:left;
 margin-right:30px;
 padding:30px;
 margin-top:30px;
 transition:.5s
}
.dynamicul div:nth-child(3n) {
 margin-right:0
}
.dynamicul div h3 {
 font-size:18px;
 margin-bottom:10px;
 font-weight:700;
 color:#000;
 margin-top:0
}
.dynamicul div p {
 font-size:14px;
 color:#888;
 line-height:24px
}
.dynamicul div:hover {
 transform:translate(0px,-5px);
 box-shadow:0 5px 20px rgba(0,0,0,.2)
}
.dynamicul div:hover h3 {
 color:#c8011c
}
.dynamicul {
 margin-top:20px
}
.dynamic_more {
 font-size:18px;
 text-align:center;
 margin-top:15px
}
.dynamic_more a {
 color:#1d1d1d
}
.dynamic_more a:hover {
 color:#e62022
}
.slideBox {
 width:1200px;
 position:relative;
 margin:0 auto
}
.slideBox .bd {
 position:relative;
 overflow:hidden
}
.slideBox .bd ul {
 padding-bottom:25px!important
}
.slideBox .bd li {
 width:100%;
 height:100%
}
.slideBox .prev {
 width:39px;
 height:12px;
 display:block;
 background:url(../images/left_23.png);
 position:absolute;
 bottom:-32px;
 left:500px
}
.slideBox .next {
 width:39px;
 height:12px;
 display:block;
 background:url(../images/right_23.png);
 position:absolute;
 bottom:-32px;
 right:500px
}
.cehuap {
 display:block;
 float:left;
 font-size:14px;
 text-align:center;
 width:106px;
 line-height:30px;
 color:#a0a0a0;
 border:1px solid #979696;
 -webkit-border-radius:30px;
 -moz-border-radius:30px;
 margin-right:16px;
 margin-top:13px
}
.cehuap:hover {
 display:block;
 float:left;
 font-size:14px;
 text-align:center;
 width:106px;
 line-height:30px;
 color:#d51419;
 border:1px solid #d51419;
 -webkit-border-radius:30px;
 -moz-border-radius:30px;
 margin-right:16px;
 margin-top:13px
}
.caseView {
 -webkit-border-radius:10px;
 -moz-border-radius:10px
}
.chakanAl {
 display:block;
 float:left;
 font-size:16px;
 text-align:center;
 width:180px;
 line-height:36px;
 border:1px solid #9b9b9b;
 color:#9b9b9b;
 margin-bottom:15px;
 -webkit-border-radius:30px;
 -moz-border-radius:30px
}
.chakanAl2,
.chakanAl2:hover,
.chakanAl:hover {
 display:block;
 float:left;
 font-size:16px;
 text-align:center;
 width:180px;
 line-height:36px;
 border:1px solid #1e1d1d;
 color:#1e1d1d;
 margin-bottom:15px;
 -webkit-border-radius:30px;
 -moz-border-radius:30px
}
.shangyige {
 font-size:20px;
 color:#323235
}
.shangyige:hover {
 font-size:20px;
 color:#e10000;
 text-decoration:none
}
.xiangguananli {
 float:left;
 width:373px;
 background-color:#fff;
 text-decoration:none;
 margin-right:40px;
 margin-bottom:30px;
 padding-bottom:20px
}
.xiangguananli img {
 transition:all .2s;
 -webkit-transition:all 2s;
 -moz-transition:all 2s;
 -o-transition:all 2s
}
.xiangguananli:hover img {
 transition:all .2s;
 -webkit-transition:all 2s;
 -moz-transition:all 2s;
 -o-transition:all 2s;
 transform:scale(1.2);
 -webkit-transform:scale(1.2);
 -moz-transform:scale(1.2);
 -o-transform:scale(1.2)
}
.xiangguananli .p1 {
 font-size:22px;
 display:block;
 margin-left:20px;
 margin-top:30px;
 margin-bottom:10px;
 text-align:left
}
.xiangguananli .p2 {
 font-size:14px;
 margin-left:20px;
 margin-top:10px;
 margin-bottom:20px;
 text-align:left;
 color:#666
}
.divClass img {
 width:95%;
 margin:0 auto
}
.xiangguananli2 {
 float:left;
 width:372px;
 background-color:#fff;
 text-decoration:none;
 margin-right:40px;
 margin-bottom:30px;
 padding-bottom:20px
}
.xiangguananli2 img {
 transition:all .2s;
 -webkit-transition:all 2s;
 -moz-transition:all 2s;
 -o-transition:all 2s
}
.fenyeA a {
 color:#000;
 font-size:16px;
 font-weight:700
}
.fenyeA a:hover {
 color:#d30000
}
.xiangguananli2:hover img {
 transition:all .2s;
 -webkit-transition:all 2s;
 -moz-transition:all 2s;
 -o-transition:all 2s;
 transform:scale(1.2);
 -webkit-transform:scale(1.2);
 -moz-transform:scale(1.2);
 -o-transform:scale(1.2)
}
.xiangguananli2 .p1 {
 font-size:22px;
 display:block;
 margin-left:20px;
 margin-top:30px;
 margin-bottom:10px;
 text-align:left
}
.xiangguananli2 .p2 {
 font-size:14px;
 margin-left:20px;
 margin-top:10px;
 margin-bottom:20px;
 text-align:left;
 color:#666
}
.autoimg {
 animation:2s scale linear infinite
}
@keyframes scale {
 0% {
  transform:scale(.9)
 }
 50% {
  transform:scale(1)
 }
 100% {
  transform:scale(.9)
 }
}
.ysDivabout {
 font-size:14px;
 width:340px;
 float:left;
 margin-bottom:30px;
 border:1px solid #eaeaea;
 margin-right:20px;
 padding:15px 20px 20px
}
.ysDivabout span {
 font-size:25px;
 line-height:50px
}
.ysDivabout:hover span {
 font-size:25px;
 color:#d51419
}
.ysDivabout:hover {
 color:#d51419;
 -webkit-box-shadow:0 0 30px #eee;
 -moz-box-shadow:0 0 30px #eee;
 box-shadow:0 0 30px #eee;
 z-index:9999
}
.newyear {
 position:fixed;
 right:-300px;
 bottom:10px;
 transition:1s;
 z-index:1000
}
.newyearbox {
 width:100%;
 height:100%;
 position:fixed;
 top:0;
 left:0;
 background:rgba(0,0,0,.8);
 display:none;
 z-index:100000000000
}
.nyimg {
 position:absolute;
 left:50%;
 height:90%;
 transition:1s;
 top:50%;
 transform:translate(-50%,-50%);
 -webkit-border-radius:10px;
 -moz-border-radius:10px
}
.nyimg.cur {
 animation:nydown .7s
}
@keyframes nydown {
 0% {
  top:-80%
 }
 70% {
  top:60%
 }
 100% {
  top:50%;
  transform:translate(-50%,-50%)
 }
}
.numbbox {
 width:100%;
 height:130px;
 margin:0 auto;
 background:#fff;
 position:relative;
 z-index:200;
 box-shadow:0 2px 10px #dedede
}
.num-width {
 width:1400px;
 margin:0 auto
}
.numbbox a {
 color:#3b3b3b
}
.numbbox a:hover {
 color:#fff
}
.numbli {
 width:25%;
 float:left;
 text-align:center;
 box-sizing:border-box;
 padding-bottom:15px;
 border-right:1px #f3f3f3 solid;
 margin-top:15px
}
.numbli p {
 font-size:18px;
 color:#3b3b3b;
 margin-bottom:6px
}
.numbli p span {
 font-size:49px;
 font-family:dinpro-bold;
 color:#3b3b3b
}
.numbli h3 {
 font-weight:400;
 font-size:17px;
 margin:0;
 color:#3b3b3b
}
.num-width a:last-child .numbli {
 border-right:none
}
@media screen and (max-width:1580px) {
 .numbbox {
  height:115px
 }
 .numbli p {
  font-size:16px
 }
 .numbli p span {
  font-size:38px
 }
 .numbli h3 {
  font-size:15px
 }
}
@media screen and (max-width:1450px) {
 .numbbox {
  height:110px
 }
 .numbli p {
  font-size:15px
 }
 .numbli p span {
  font-size:34px
 }
 .numbli h3 {
  font-size:14px
 }
}
.about_ry {
 width:100%;
 overflow:hidden;
 padding:70px 0;
 background:url(../images/rybg.jpg);
 background:cover
}
.gmpbox .mr_frbox {
 width:1200px;
 position:relative;
 margin:0 auto
}
.gmpbox .mr_frBtnL {
 width:38px;
 height:70px;
 position:absolute;
 top:150px;
 left:-60px;
 cursor:pointer;
 background:url(../images/you2.png)
}
.gmpbox .mr_frBtnR {
 width:38px;
 height:70px;
 position:absolute;
 top:150px;
 right:-60px;
 cursor:pointer;
 background:url(../images/zuo2.png)
}
.gmpbox .mr_frUl {
 width:1200px;
 height:380px;
 overflow:hidden
}
.gmpbox .mr_frUl ul li {
 display:inline;
 float:left;
 width:270px;
 height:380px;
 overflow:hidden;
 position:relative;
 margin:0 15px
}
.gmpbox .mr_frUl ul li img {
 width:270px;
 height:380px
}
.gmpbox .mr_frBtnL:hover img,
.mr_frBtnR:hover img {
 display:none
}
.gmpbox .mr_frUl ul li div {
 width:100%;
 height:100%;
 position:absolute;
 background:rgba(230,27,35,.9);
 top:0;
 left:0;
 text-align:center;
 color:#fff;
 opacity:0;
 transition:1s
}
.gmpbox .mr_frUl ul li div h3 {
 font-size:30px;
 font-weight:400;
 margin-top:140px
}
.gmpbox .mr_frUl ul li div p {
 font-size:18px;
 margin-top:15px
}
.gmpbox .mr_frUl ul li:hover div {
 opacity:1
}
@keyframes slowScale {
 0% {
  transform:scale(1)
 }
 100% {
  transform:scale(1.1)
 }
}
.changebig {
 animation:slowScale 4s forwards
}
.bigtext {
 width:100%;
 position:absolute;
 top:250px;
 text-align:center
}
.lxwmkefu {
 width:100px;
 line-height:28px;
 border:1px solid #c90000;
 font-size:14px;
 padding:5px;
 padding-left:10px;
 padding-right:10px;
 -webkit-border-radius:10px;
 -moz-border-radius:10px;
 background-color:#fff;
 color:#c90000;
 margin-right:6px
}
.lxwmkefu:hover {
 width:100px;
 line-height:28px;
 border:1px solid #c90000;
 font-size:14px;
 padding:5px;
 padding-left:10px;
 padding-right:10px;
 -webkit-border-radius:10px;
 -moz-border-radius:10px;
 background-color:#c90000;
 color:#fff;
 margin-right:6px
}
.tmbox {
 width:1220px;
 overflow:hidden;
 margin-bottom:30px
}
.tmbox ul li {
 width:595px;
 height:207px;
 float:left;
 margin:10px 0 0 10px;
 position:relative
}
.tmbox ul li:hover {
 width:595px;
 height:207px;
 float:left;
 margin:10px 0 0 10px;
 position:relative
}
.tmbox ul li .tmcont {
 width:595px;
 height:207px;
 position:absolute;
 top:0;
 left:0;
 padding:5px 45px 0;
 box-sizing:border-box
}
.tmbox ul li .tmcont h2 {
 font-size:24px;
 color:#fff;
 overflow:hidden;
 line-height:55px
}
.tmbox ul li .tmcont h2 img {
 float:left;
 margin:0 15px 0 0
}
.tmbox ul li .tmcont p {
 font-size:16px;
 color:#fff;
 line-height:26px;
 margin-top:20px
}
.tmbox ul li:hover h2 img {
 transform:rotateY(360deg);
 transition:.5s
}
.business {
 width:100%;
 background:#fff;
 position:relative;
 z-index:100
}
.zhenghe {
 width:1200px;
 height:380px;
 margin-top:70px;
 margin:60px auto 0
}
.zhenghe li {
 width:200px;
 float:left;
 position:relative;
 transition:all .3s cubic-bezier(.4,0,.2,1);
 overflow:hidden
}
.zhenghe li .zhtitle {
 height:140px;
 background:#db171e;
 text-align:center;
 box-sizing:border-box;
 padding-top:20px
}
.zhenghe li .zhtitle h2 {
 font-size:20px;
 color:#fff;
 margin:5px 0 2px
}
.zhenghe li .zhtitle p {
 color:#fff;
 font-size:14px;
 margin-top:7px
}
.zhenghe li .zhtitle .img {
 width:40px;
 margin:0 auto
}
.zhenghe li .zhtitle .img img {
 width:100%
}
.zhenghe li .zhcont {
 text-align:center;
 color:#333;
 padding:15px 0 45px
}
.zhenghe li .zhcont_p p {
 margin-top:30px;
 font-size:14px
}
.zhenghe li .zhtext {
 width:400px;
 box-sizing:border-box;
 padding:5px 20px 0;
 display:none
}
.zhenghe li .zhtext p {
 line-height:30px;
 color:#8c8c8c;
 font-size:14px
}
.zhenghe li .zhmore {
 text-align:center;
 width:110px;
 height:35px;
 line-height:35px;
 color:#2c2c2c;
 background:#f9f9f9;
 font-size:15px;
 border-radius:0;
 float:left;
 margin:28px 14px 0 auto;
 border:1px #f9f9f9 solid;
 box-sizing:border-box;
 transition:.3s
}
.zhenghe li .zhtext a:nth-child(4) .zhmore {
 margin-right:0
}
.zhenghe li .zhmore:hover {
 background-color:#151515;
 color:#fff;
 border:1px solid #151515
}
.zhenghe li.cur {
 width:400px;
 height:383px;
 margin-top:-15px;
 background:#fff!important;
 box-shadow:0 0 30px rgba(0,0,0,.2)
}
.zhenghe li.cur .zhtitle {
 background:url(../images/indexyewubg.png) bottom center no-repeat;
 background-color:#151515;
 height:155px
}
.zhenghe li.cur .zhcont_p {
 display:none
}
.zhenghe li.cur .zhtext {
 display:block
}
.left_fix {
 width:60px;
 position:fixed;
 left:calc((100% - 1200px)/2 - 90px);
 top:200px;
 display:none
}
.fix_li {
 width:60px;
 height:45px;
 background:#cecece;
 margin-bottom:2px;
 text-align:center
}
.fix_li a {
 color:#fff;
 display:inline-block;
 font-size:14px;
 line-height:45px
}
.fix_li a img {
 float:right;
 margin:19px 0 0 5px
}
.left_fix .fix_li:last-child {
 border:0
}
.fix_li.cur {
 background:#d51419
}
.dznav {
 width:1440px;
 height:230px;
 margin:0 auto;
 margin-top:80px
}
.dznav ul li {
 width:179px;
 height:230px;
 background:rgba(0,0,0,.3);
 float:left;
 box-sizing:border-box;
 margin-right:1px
}
@media screen and (max-width:1580px) {
 .dznav {
  width:1288px
 }
 .dznav ul li {
  width:160px
 }
}
.dznav ul a {
 display:block
}
.dznav ul li p {
 font-size:14px;
 color:#767676;
 margin-left:30px;
 line-height:35px
}
.dznav ul li h3 {
 font-size:18px;
 color:#fff;
 margin-top:48px;
 margin-left:30px
}
#dzimg1 {
 margin-left:30px;
 margin-top:20px
}
#dzimg2 {
 margin-top:20px;
 margin-left:30px;
 opacity:0;
 transition:.5s
}
.dznav ul li:hover #dzimg2 {
 opacity:1
}
.dznav ul li:hover #dzh3 {
 transform:translate(0px,65px)
}
.dznav ul li #dzp {
 color:#b8b8b8
}
.dznav ul li:hover #dzp {
 transform:translate(0px,65px);
 color:#c2c9d4
}
.dznav ul li:hover #dzimg1 {
 transform:translate(0px,-90px)
}
#dzh3,
#dzp,
#dzimg1 {
 transition:.6s
}
.dznav ul li:hover,
.dznav ul li.cur {
 background:#db171e
}
.casexgNav {
 font-size:16px;
 color:#fff;
 margin-left:12px
}
.casexgNav:hover {
 font-size:16px;
 color:#ccc;
 margin-left:12px
}
.ban-nav {
 height:180px;
 box-shadow:0 5px 10px #ededed
}
.ban-nav li {
 width:20%;
 height:120px;
 float:left;
 text-align:center;
 border-right:1px #ededed solid;
 box-sizing:border-box;
 margin:30px 0
}
.ban-nav li:first-child {
 border-left:1px #ededed solid
}
.ban-nav li h2 {
 font-size:20px;
 color:#333;
 margin-top:10px;
 font-family:microsoft yahei,微软雅黑!important
}
.ban-nav li p {
 color:#656565;
 margin-top:10px;
 font-family:microsoft yahei,微软雅黑!important;
 font-size:14px
}
.ban-nav li:hover h2 {
 color:#db161d
}
.ban-nav li:hover img {
 transform:rotateY(360deg);
 transition:.8s
}
.containerdq {
 width:80%;
 margin:0 auto
}
.swztext {
 width:90%;
 margin:0 auto;
 text-align:right;
 color:#fff;
 font-size:14px;
 position:absolute;
 top:460px;
 opacity:.5
}
.swztext a {
 color:#fff;
 font-size:14px;
 opacity:1
}
.swztext a:hover {
 color:#fff;
 font-size:14px;
 opacity:1;
 text-align:center
}
.tagcss {
 font-size:14px;
 border-top:1px solid #efefef;
 padding-top:10px
}
.tagcss h2 {
 float:left;
 font-size:18px;
 color:#666
}
.tagcss h3 {
 float:left;
 font-size:16px;
 color:#666;
 margin-left:16px
}
.tagcss h3 a {
 font-size:16px;
 color:#888;
 background-color:f4f4f4;
 -webkit-border-radius:5px;
 -moz-border-radius:5px;
 background-color:#f9f9f9;
 padding:7px;
 padding-left:10px;
 padding-right:10px
}
.tagcss h3 a:hover {
 color:#fff;
 background-color:#e80111;
 text-decoration:none
}
.lx2 {
 width:1200px;
 height:340px;
 background:url(../images/lx_03.jpg);
 background-size:cover;
 box-shadow:0 0 5px #ddd;
 margin:0 auto;
 box-sizing:border-box;
 padding:0 60px
}
.lx2l_tel {
 font-size:18px;
 margin-bottom:40px
}
.lx2l_tel span {
 color:#e50a28;
 font-size:35px;
 font-family:dinpro-bold
}
.lx2l ul li {
 font-size:18px;
 margin-top:20px
}
.lx2l ul li:after {
 visibility:hidden;
 display:block;
 content:" ";
 clear:both;
 height:0;
 line-height:0
}
.lx2l ul li img {
 float:left;
 margin:-5px 10px 0 0
}
.lx2l ul li span {
 font-weight:700;
 font-family:dinpro-bold;
 font-size:20px
}
.lx2l {
 float:left;
 margin-top:40px
}
.lx2l ul li a {
 border:1px #696969 solid;
 border-radius:3px;
 color:#696969;
 font-size:14px;
 padding:3px 10px;
 margin-right:5px;
 transition:.3s
}
.lx2l ul li a:hover {
 background:#434343;
 color:#fff
}
.lx2r {
 width:350px;
 float:right
}
.koubei {
 display:inline-block;
 overflow:hidden;
 font-size:16px;
 margin-top:35px
}
.koubei span {
 float:right;
 margin:22px 0 0 10px
}
.slideBox2 {
 width:100%;
 height:155px;
 position:relative;
 margin:30px auto 0;
 overflow:hidden
}
.slideBox2 .bd {
 position:relative;
 overflow:hidden
}
.slideBox2 .bd li {
 width:100%;
 height:100%;
 overflow:hidden
}
.slideBox2 .prev {
 width:30px;
 height:10px;
 display:block;
 background:url(../images/left_23.png);
 background-size:100% 100%;
 position:absolute;
 bottom:8px;
 left:172px
}
.slideBox2 .next {
 width:30px;
 height:10px;
 display:block;
 background:url(../images/right_23.png);
 background-size:100% 100%;
 position:absolute;
 bottom:8px;
 left:220px
}
.slideBox2 .bd li img {
 float:left;
 width:150px;
 height:150px;
 border:1px #e7e7e7 solid
}
.slideBox2 .bd li .cont {
 float:left;
 margin-left:20px
}
.slideBox2 .bd li h3 {
 font-size:22px;
 font-weight:400;
 line-height:22px;
 margin:25px 0 15px
}
.slideBox2 .bd li p {
 font-size:16px;
 margin-top:5px;
 color:#a0a0a0
}
.lx3 {
 width:1200px;
 margin:20px auto 30px
}
.lx3 ul li {
 width:588px;
 height:200px;
 float:left;
 box-shadow:0 0 5px #eee;
 margin-top:30px;
 box-sizing:border-box;
 padding:25px 25px 0 15px;
 transition:.3s
}
.lx3 ul li:nth-child(2n) {
 float:right
}
.lx3 ul li img {
 float:left;
 margin-right:20px;
 margin-top:10px
}
.lx3 ul li .cont {
 overflow:hidden
}
.lx3 ul li h2 {
 font-size:24px;
 line-height:24px;
 margin:20px 0 25px
}
.lx3 ul li h2 span {
 text-transform:uppercase;
 margin-left:15px;
 font-size:22px
}
.lx3 ul li p {
 font-size:16px;
 line-height:32px
}
.lx3 ul li:hover {
 box-shadow:0 0 20px #ddd
}
.lx3 ul li:hover h2 {
 font-size:28px;
 line-height:24px;
 margin:20px 0 24px;
 color:#000
}
#c-followDot {
 position:fixed;
 top:0;
 left:0;
 width:4px;
 height:4px;
 border-radius:50%;
 background-color:#f20000;
 z-index:1000000;
 pointer-events:none
}
#c-followDot .c-default {
 position:absolute;
 top:-18px;
 left:-18px;
 width:40px;
 height:40px;
 border:1px solid #9c9c9c;
 border-radius:50%;
 opacity:.2;
 box-sizing:border-box;
 z-index:50000;
 -webkit-transition:all .6s;
 transition:all .6s
}
#c-followDot .c-hover {
 position:absolute;
 top:-38px;
 left:-38px;
 width:80px;
 height:80px;
 background-color:#bbb;
 border-radius:50%;
 opacity:.12;
 z-index:49000;
 box-sizing:border-box;
 transform:scale(0,0);
 -webkit-transform:scale(0,0);
 -webkit-transition:all .6s;
 transition:all .6s
}
#c-followDot.c-active .c-default {
 transform:scale(0,0);
 -webkit-transform:scale(0,0)
}
#c-followDot.c-active .c-hover {
 transform:scale(1,1);
 -webkit-transform:scale(1,1)
}
.container{width:1230px;}
.about-cate-box{text-align: center;}
.about-span1,.about-span2,.about-span3{
	display: block;
	text-align: center;
	padding: 3px 0;
}
.about-span1{
	color: #000000;
	font-size: 24px;
}
.about-span2{
	color: #ff040e;
	font-size: 20px;
}
.about-span3{
	color: #000000;
	font-size: 16px;
}
.full-about-cate{
	padding: 20px 0;
	background-color: #edeef0;
}
.about-cate-box{
	font-size: 14px;
}
.about-cate-item{
	display: inline-block;font-weight:bold;
	height: 32px;
	width: 20%;
	text-align: center;
	float: left;
	margin-bottom: 15px;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
}
.about-cate-item a{
	color: #000000;
	display: block;
	background-color: #FFFFFF;
	border-radius: 13px;
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	height: 32px;
	line-height: 32px;
}
.about-cate-item a:hover{
	color: #FFFFFF;
	background-color: #eb3900;
}
.about-cate-item a.on{
	color: #FFFFFF;
	background-color: #eb3900;
}

.about-cate-item1{
	display: inline-block;
	height: 26px;
	width: 10%;
	text-align: center;
	float: left;
	margin-bottom: 15px;
	padding-left: 5px;
	padding-right:5px;
	position: relative;
}
.about-cate-item1 a{
	color: #000000;
	display: block;
	background-color: #FFFFFF;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	height: 26px;
	line-height: 26px;
}
.about-cate-item1 a:hover{
	color: #FFFFFF;
	background-color: #eb3900;
}
.about-cate-item1 a.on{
	color: #FFFFFF;
	background-color: #eb3900;
}


.full-about-cate{
	padding: 20px 0;
	background-color: #edeef0;
}
.about-section{
	padding: 30px 0;
}
.news-banner{
	background-image: url(../images/news_02.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 60px 0;
}
.date-day{
	padding-top: 10px;
	display: block;
	text-align: center;
	font-size: 42px;
	height: 56px;
	line-height: 46px;
}
.date-year{
	display: block;
	text-align: center;
	font-size: 18px;
	height: 30px;
	line-height: 30px;
}
.news-row{
	margin-top: 25px;
}
.news-row:hover .speech-bubble{
	background-color: #e73633;
}
.news-row:hover .speech-bubble-right:after{
	border-left-color: #E73633;
}
.news-row:hover .nw-cover{
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
.news-row:hover .news-title a{
	color: #d30830;
}

.news-wrap{
	padding-left: 0;
}
.news-box{
	border: 1px solid #d4d4d4;
	background-color: #F2F2F2;
	padding: 8px;
}
.nw-tt.row{
	margin-left: -15px;
}
.nw-pic{
	position: relative;
}
.nw-cover{
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	height: 100% !important;
	background-color: #000000;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0;
	transition: all ease-in-out .35s;
	-webkit-transition: all ease-in-out .35s;
	-moz-transition: all ease-in-out .35s;
	-ms-transition: all ease-in-out .35s;
}
.speech-bubble {
	position: relative;
	background-color: #1b1f29;
	width: 100%;
	height: 94px;
	/*line-height: 94px;*/
	color: white;
	text-align: center;
	border-radius: 8px;
	font-family: sans-serif;
	transition: all ease-in-out .35s;
	-webkit-transition: all ease-in-out .35s;
	-moz-transition: all ease-in-out .35s;
	-ms-transition: all ease-in-out .35s;
	margin-top: 25px;
}
.speech-bubble:after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border: 15px solid;
}
/** top **/
.speech-bubble-top:after {
	border-bottom-color: #1b1f29;
	left: 50%;
	bottom: 100%;
	margin-left: -15px;
	transition: all ease-in-out .35s;
	-webkit-transition: all ease-in-out .35s;
	-moz-transition: all ease-in-out .35s;
	-ms-transition: all ease-in-out .35s;
}
/** right **/
.speech-bubble-right:after {
	border-left-color: #1b1f29;
	left: 100%;
	top: 50%;
	margin-top: -15px;
	transition: all ease-in-out .35s;
	-webkit-transition: all ease-in-out .35s;
	-moz-transition: all ease-in-out .35s;
	-ms-transition: all ease-in-out .35s;
}
/** bottom **/
.speech-bubble-bottom:after {
	border-top-color: #1b1f29;
	top: 100%;
	left: 50%;
	margin-left: -15px;
	transition: all ease-in-out .35s;
	-webkit-transition: all ease-in-out .35s;
	-moz-transition: all ease-in-out .35s;
	-ms-transition: all ease-in-out .35s;
}
/** left **/
.speech-bubble-left:after {
	border-right-color: #1b1f29;
	top: 50%;
	right: 100%;
	margin-top: -15px;
	transition: all ease-in-out .35s;
	-webkit-transition: all ease-in-out .35s;
	-moz-transition: all ease-in-out .35s;
	-ms-transition: all ease-in-out .35s;
}
.new-right{
	padding: 0px;
}
.news-title{
	font-size: 16px;
	margin-top: 6px;
	font-weight: bold;
}
.news-desp{
	color: #333333;
	line-height: 2;
	margin-top: 5px;
}
.case-list{
	width:100%;
	overflow:hidden;
	padding-left: 10px;
	padding-right: 10px;
}
.list-row{
	margin-left:-10px;
	margin-right:-10px;
}
.case-item{
	width:24%;
	float:left;
	position: relative;
	min-height: 1px;
	padding-right: 10px;
	padding-left: 10px;
	margin-top:10px;
}
.case-item-thumb{
	position:relative;
	border:1px solid #ccc;
	padding:2px;
	background:#fff;
}
.case-item-thumb img{
	display:block;
	width:100%;
	height:auto !important;
}
.case-text-box{
	padding:3px;
}
.case-desp{
	color:#666;
	font-size:12px;
	line-height: 20px;;
	height: 80px;
	overflow: hidden;
	margin-top: 10px;
}
.case-top{
	border-bottom:1px dashed #ccc;
	padding:5px 0;
}